<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" value="" id="numbs" placeholder="&nbsp;&nbsp;&nbsp;请添加数据">
    <!-- 给第一个input输入框一个id为numbs -->
    <input type="button" id="submitBtn" onclick="MyFulton()" value="点击继续添加数据" >
    <!-- 将第二个input变成自定义按钮，并绑定一个id为submitBtn，给这个按钮一个单击事件，事件触发MyFulton()的函数 -->
    <script>
        var subgum = new Array();
        // 定义一个数组，用来存储用户输入的数据
        var i = 0;
        // 定义一个为0的数字i

        function MyFulton(){
            // 用户单击按钮后触发功能函数
            subgum[i] = document.getElementById("numbs").value;
            // 将id名numbs的value值，即为用户输入的数值赋值给subgum数组的第一个数
            // 判断用户是否已经超过5个数
            if ( i > 3 ) {
                // 超过
                var aver_vague = 0; 
                // 定义一个为0的数
                for ( var n = 0 ; n <= i; n ++){
                    aver_vague = aver_vague + Number(subgum[n]);
                    // 将数组中存的数依次给这个aver_vague累加上去
                }
                var aver_agues = aver_vague / subgum.length;
                // 定义一个数，它的值为数组subgum中所有的数除以数组的长度
                window.alert("这组数的平均数为" + aver_agues);
                // 在屏幕上弹出这组数的平均数
            } else {
                // 如果没有超过
                document.getElementById("numbs").value = null ;
                // 将用户输入的数据清空，并继续输入数据
            }
            i++;
            // 给计数器+1
        }
    </script>
</body>
</html>